<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>尚合</title>
		<style>
			.logo{
				width: 1000px;
				height: 35px;
				margin: 16px auto;
			}
			.input{
				width: 180px;
				height: 24px;
				float: right;
			}
			.bt{
				width: 32px;
				height: 30px;
				background: url(img/search2.jpg);
				float: right;
				margin-right: 0;
				border: 0 none;
				outline-style: none;
			}
			
			.nav{
				height: 50px;
				margin: 0px auto;
				background:url(img/nav_bg.png);
				border-top: 1px solid #dadada;
			}
			
			.nav ul{
				width: 980px;
				margin: 0 auto;
			}
			
			.nav ul li{
				list-style: none;
			}
			
			a{
				float: left;
				line-height: 50px;
				padding: 0 40px;
				font-size: 20px;
				text-decoration: none;
				color: black;
				font-size: 10px;
				font-weight: bold;
				border-right: 1px solid #dddddd;
			}
			
			a:hover{
				color: #71aa34;
			}
			.main{
				width: 980px;
				height: 597px;
				margin: 0 auto;
			}
			.noticeDiv{
				height: 30px;
				background-color: #fafafa;
				margin: 5px auto;
				border: 1px solid #ebebeb;
			}
			.noticon{
				width: 980px;
				margin: 0 auto;
			}
			.notice{
				float: left;
				font-size: 12px;
			}
			.icon{
				float: right;
			}
			.notice,.icon{
				margin: 8px auto;
			}
			.new{
				width: 980px;
				height: 220px;
				margin: 15px auto;
			}
			.left,.center,.right{
				width: 310px;
				height: 200px;
				border: 1px solid #DDDDDD;
				padding: 10px 5px;
			}
			.left{
				float: left;
			}
			.center{
				float: left;
				margin: 0 7px;
			}
			.right{
				float: right;
			}
			span{
				font-size: 10px;
				color: #77ac2f;
			}
			.lCenter{
				width: 280px;
				height: 180px;
				margin: 20px auto;
				position: relative;
				text-align: center;
			}
			.lLeft{
				position: absolute;
				left: 0;
				top: 70px;
			}
			.lRight{
				position: absolute;
				right: 0;
				top: 70px;
			}
			.newbox{
				width: 280px;
				margin: 0 auto;
			}
			.warn{
				color: #ef0000;
				font-family: "宋体","微软雅黑";
			}
			.newCenter{
				font-size: 10px;
				border-bottom: 1px dashed #d4d4d4;
			}
			.rightin{
				width: 265px;
				margin: 0 auto;
			}
			.newRight{
				font-size: 10px;
				border-left: 5px dashed #70ad00;
				margin-top: 5px;
				margin-bottom: 40px;
			}
			.rightfoot{
				font-size: 10px;
			}
			.foot{
				height: 300px;
				background-color: #2d2d2d;
			}
			.footnav{
				width: 980px;
				height: 200px;
				margin: 0 auto;
				font-size: 12px;
			}
			.shanghe,.back{
				height: 40px;
			}
			.shanghe{
				color: #bbbbbb;
			}
			.back{
				color: #5d5d5d;
			}
			.footnav div li{
				list-style: none;
				float: left;
				padding-right: 55px;
				padding-top: 20px;
			}
			.firm{
				height: 75px;
				border-top: 1px dashed #323232;
				text-align: center;
				font-size: 10px;
				padding-top: 25px;
			}
		</style>
	</head>
	<body>
		<div class="logo">
			<img src="img/logo.jpg" />
			<input class="bt" type="button"/>
			<input class="input" value="请输入..."/>
		</div>
		<div class="nav">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">智能手机</a></li>
				<li><a href="#">平板电脑</a></li>
				<li><a href="#">配件</a></li>
				<li><a href="#">服务支持</a></li>
				<li><a href="#">关于尚合</a></li>
			</ul>
		</div>
		<div class="main">
			<img src="img/banner.jpg"/>
		</div>
		<div class="noticeDiv">
			<div class="noticon">
				<div class="notice">最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</div>
				<div class="icon">
					<img src="img/zone.png"/>
					<img src="img/weibo.png"/>
					<img src="img/xinlang.png" />
					<img src="img/renren.png" />
				</div>
			</div>
		</div>
		<div class="new">
			<div class="left">
				<img src="img/o.jpg" />
				<span>新品发布</span>
				<div class="lCenter">
					<img src="img/home_hot_01.png" />
					<div class="lLeft">
						<img src="img/left.png" />
					</div>
					<div class="lRight">
						<img src="img/right.png" />
					</div>
				</div>
			</div>
			<div class="center">
				<img src="img/o.jpg" />
				<span>新闻中心</span>
				<div class="newbox">
					<p class="newCenter warn">致歉公告</p>
					<p class="newCenter">首批尚合Aonet已全部售馨!</p>
					<p class="newCenter">【媒体报导】国产高性价比 尚合Aonet四核手机评测</p>
					<p class="newCenter">我司产品已经通过了国家强制性产品3C认证</p>
					<p class="newCenter">尚合Aone智能手机入网证已经获工信部门审批下发.</p>
					<p class="newCenter">我司通过ISO9001:2008国际质量管理体系认证</p>
				</div>
			</div>
			<div class="right">
				<img src="img/o.jpg" />
				<span>技术与支持</span>
				<div class="rightin">
					<div class="newRight">
						售后服务<br />
						投诉与建议<br />
						联保网点<br />
						常见问题FAQ
					</div>
					<p class="rightfoot">
						深圳市汇聚众合科技发展有限公司
						<br />
						服务热线：400-633-7922
					</p>
				</div>
			</div>
		</div>
		<div class="foot">
			<div class="footnav">
				<div class="shanghe">
					<li>尚合首页</li>
					<li>尚合首页</li>
					<li>尚合首页</li>
					<li>尚合首页</li>
				</div>
				<div class="back">
					<li>返回首页</li>
					<li>返回首页</li>
					<li>返回首页</li>
					<li>返回首页</li>
				</div>
			</div>
			<div class="firm">
				深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市
				<br />
				会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司
			</div>
		</div>
	</body>
</html>
